<template>
  <!--image -->
  <div class="bao">
    <!-- 上传简历 -->
    <div class="jianli"
         v-show="showModal">
      <div class='Newjob_bg ac'
           id='coverBox'>
        <div class='Newjob_box'
             style='position:absolute;left:10%;right:10%;top:15%;border:1px solid #ccc;padding:50px 30px;background-color:white;'
             v-loading="loading"
             element-loading-text="拼命加载中"
             element-loading-spinner="el-icon-loading"
             element-loading-background="rgba(0, 0, 0, 0.8)">
          <div>
            <!-- this.$ref.form -->
            <div>推荐人基本信息</div>
            <el-form ref="form"
                     :model="Recommender"
                     label-width="80px">
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>推荐人:</div>
                    <el-input v-model="Recommender.JNum"
                              @blur='getInfo'
                              style='width:30%;'></el-input>
                    <el-input v-model="Recommender.Name"
                              style='width:30%;'
                              :disabled="true"></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>部门:</div>
                    <el-input v-model="Recommender.DNum"
                              style='width:30%;'></el-input>
                    <el-input v-model="Recommender.Department"
                              style='width:30%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>申请日期:</div>
                    <el-input v-model="Recommender.Date"
                              style='width:60%;'></el-input>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>职位:</div>
                    <el-input v-model="Recommender.Position"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>电子邮箱(内邮):</div>
                    <el-input v-model="Recommender.Email"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>联系电话:</div>
                    <el-input v-model="Recommender.Phone"
                              style='width:60%;'></el-input>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>身份证号:</div>
                    <el-input v-model="Recommender.SYSIDCard"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:40%'>与被推荐人关系:</div>
                    <el-select v-model="Recommender.Relationship"
                               style='width:50%;'
                               placeholder="请选择关系">
                      <el-option label="同学"
                                 value="同学"></el-option>
                      <el-option label="朋友"
                                 value="朋友"></el-option>
                      <el-option label="亲属"
                                 value="亲属"></el-option>
                      <el-option label="前同事"
                                 value="前同事"></el-option>
                    </el-select>

                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>BU:</div>
                    <el-select v-model="Recommender.BU"
                               placeholder="请选择BU">
                      <el-option label="SBU"
                                 value="SBU"></el-option>
                      <el-option label="IBU"
                                 value="IBU"></el-option>
                      <el-option label="EBU"
                                 value="EBU"></el-option>
                    </el-select>
                  </div>
                </div>
              </el-form-item>
            </el-form>
          </div>
          <div>
            <div>被推荐人基本信息</div>
            <el-form ref="form"
                     :model="Recommended"
                     label-width="80px">
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>姓名:</div>
                    <el-input v-model="Recommended.Name"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>性别:</div>
                    <el-input v-model="Recommended.Sex"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>出生日期:</div>
                    <el-date-picker type="date"
                                    placeholder="选择日期"
                                    v-model="Recommended.Date"
                                    format="yyyy 年 MM 月 dd 日"
                                    value-format="yyyy-MM-dd"
                                    style="width: 60%;"></el-date-picker>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>身份证号码:</div>
                    <el-input v-model="Recommended.IDCard"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>学历:</div>
                    <!-- <el-input v-model="Recommended.Education"
                              style='width:60%;'></el-input> -->
                    <el-select v-model="Recommended.Education"
                               placeholder="请选择学历"
                               style='width:60%;'>
                      <el-option label="中专及以下"
                                 value="中专及以下"></el-option>
                      <el-option label="大专"
                                 value="大专"></el-option>
                      <el-option label="本科及以上"
                                 value="本科及以上"></el-option>
                    </el-select>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>籍贯:</div>
                    <el-input v-model="Recommended.Area"
                              style='width:60%;'></el-input>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>学校名称:</div>
                    <el-input v-model="Recommended.School"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>专业:</div>
                    <el-input v-model="Recommended.Major"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>录取方式:</div>
                    <div style='width:60%;line-height: 40px;'>
                      <el-radio-group v-model="Recommended.Method">
                        <el-radio label="统招"></el-radio>
                        <el-radio label="非统招"></el-radio>
                      </el-radio-group>
                    </div>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>
                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>原公司名称:</div>
                    <el-input v-model="Recommended.Company"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>职位:</div>
                    <el-input v-model="Recommended.Position"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>意向职位:</div>
                    <el-input v-model="Recommended.Target"
                              style='width:60%;'></el-input>
                  </div>
                </div>
              </el-form-item>
              <el-form-item>

                <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                  <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>在职状态:</div>
                    <div style='width:60%;line-height: 40px;'>
                      <el-radio-group v-model="Recommended.Status">
                        <el-radio label="在职"></el-radio>
                        <el-radio label="离职"></el-radio>
                      </el-radio-group>
                    </div>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>电子邮箱(外邮):</div>
                    <el-input v-model="Recommended.Email"
                              style='width:60%;'></el-input>
                  </div>
                  <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                    <div style='width:30%'>联系电话:</div>
                    <el-input v-model="Recommended.Phone"
                              style='width:60%;'></el-input>
                  </div>

                </div>
              </el-form-item>
              <div style='display: flex;flex-flow: row nowrap;justify-content: space-around;'>
                <el-upload class="upload-demo"
                           action="#"
                           :limit="1"
                           :auto-upload="false"
                           :file-list="fileList"
                           :on-change="loadFileList"
                           :on-success="uploadSuccess"
                           :on-exceed="handleExceed">
                  <el-button size="small"
                             type="primary">点击上传</el-button>
                  <div slot="tip"
                       class="el-upload__tip">点击上传选择简历</div>
                </el-upload>
                <el-form-item>
                  <el-button type="primary"
                             @click="onSubmit">提交</el-button>
                  <el-button type="primary"
                             @click="getBack">取消</el-button>
                </el-form-item>
              </div>
            </el-form>
          </div>
        </div>
      </div>
    </div>
    <!-- alert -->
    <!-- 侧边栏 -->
    <!-- <div class="sidebar">
      <div class="side-top"
           @click="ltop()">回到顶部</div>
    </div> -->
    <div class="nav">
      <!-- 导航版心 -->
      <div class="nav-c">
        <!-- 版心左 -->
        <div class="nav-c-lt">
          <span class="logo"><img src="@/assets/img/1.png"
                 alt=""></span>
          <p class="wenhua">做行业先锋,创世界品牌</p>
        </div>
        <!-- 版心右 -->
        <div class="nav-c-rt">
          <div class="aniu"
               @click='denglu()'>hr登录</div>
          <div class="aniu1">员工登录</div>
        </div>
      </div>
    </div>
    <!-- 锚点定位 -->
    <!-- <div id="ding"></div> -->
    <!-- 背景 -->
    <div class="bg">
      <img src="@/assets/img/2.png"
           alt="">
    </div>
    <!-- 分类 -->
    <!-- <div class="fenlei">
      <div class="fenlei-c">
        <div class="f-l-zw"><a @click="ltop">职位:&nbsp;&nbsp;</a><span>1</span> &nbsp;&nbsp;<span>2</span> &nbsp;&nbsp;<span>3</span> &nbsp;&nbsp;<span>4</span> &nbsp;&nbsp;<span>5</span>&nbsp;&nbsp;<span>6</span></div>
      </div>
      推荐简历
    </div> -->
    <div class="fenlei">
      <div class="fenlei-c">
        <div class="f-l-zw">
          <!-- <el-autocomplete v-model="state"
                           :fetch-suggestions="querySearchAsync"
                           placeholder="请输入内容"
                           @select="handleSelect"
                           size="small"></el-autocomplete> -->
        </div>
      </div>
    </div>
    <!-- Items -->
    <!-- 主体内容 -->
    <div class="box">
      <!-- 引入ele组件库的card组件加入移入移出事件 -->
      <el-card class="box-card"
               style='width:100%'
               v-for="(item,index) in arr"
               :key="item.Id"
               @mouseover.native="yiru(index)"
               @mouseleave.native="yichu(index)"
               @click.native="tiaozhuan(item.Id)">

        <!-- dianji -->
        <!-- 申请职位 -->
        <div class="shenqing"
             ref="shenqing"
             @click.stop="shenqing(item.Id,item.PositionName,item.HRJobNo,item.PositionLevel,item.tOrg,item.tBU),showModal=true">推荐简历</div>
        <!-- 头部 -->
        <div class="header">
          <div class="h-lt">
            <span class="mingcheng">{{item.PositionName}}</span>
            <span class="shijian">{{item.CreateTime.substr(0,10)}}发布</span>
          </div>
          <div class="h-rt">
            <div class="gongsi"
                 @click.stop="dianji(index)">深圳欧陆通电子股份有限公司</div>
          </div>
          <!-- Tips -->
        </div>
        <!-- 中心 -->
        <div class="center">
          <div class="c-lt">
            <span class="gongzi">{{item.Money}}</span>
            <span class="miaoshu"><span class="dle">{{item.PositionName}}&nbsp;|&nbsp;</span>{{item.Area}}&nbsp;|&nbsp;{{item.Exp}}&nbsp;|&nbsp;{{item.Education}}&nbsp;|&nbsp;招{{item.PersonNum}}人<span class="dle">&nbsp;|&nbsp;{{item.CreateTime.substr(0,10)}}发布</span></span>
          </div>
          <div class="c-rt">
            <div class="guimo"
                 ref="guimo">
              民营公司&nbsp;|&nbsp;1000-5000人
            </div>
          </div>
        </div>
        <div class="f-sm">
          <!-- 小屏幕 -->
          <div class="sm">{{item.CreateTime.substr(0,10)}}发布</div>
          <div class="money">{{item.Money}}</div>
        </div>
        <!-- 底部 -->
        <div class="footer">
          <div class="f-lt">
            <div class="hezi"
                 v-for="(item1,index1) in item.Tips.split(',')"
                 :key=index1>{{item1}}</div>
            <!-- <div class="hezi">五险一金</div>
            <div class="hezi">员工旅游</div>
            <div class="hezi">绩效奖金</div>
            <div class="hezi">年终奖金</div>
            <div class="hezi">定期体检</div>
            <div class="hezi">餐饮补贴</div>
            <div class="hezi">通讯补贴</div> -->
          </div>
          <div class="f-rt">
            <div class="jishu"
                 ref="jishu">电子技术/半导体/集成电路</div>
          </div>
        </div>
      </el-card>
    </div>
    <!-- 底部按钮 -->
    <div class="btn">
      <div class="btn-c">
        <el-button-group>
          <el-button icon="el-icon-caret-left"
                     size="small"
                     @click="homepage">首页</el-button>
          <el-button icon="el-icon-arrow-left"
                     size="small"
                     @click="previouspage">上一页</el-button>
          <el-button size="small"
                     @click="nextpage">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
          <el-button size="small"
                     @click="lastpage">尾页<i class="el-icon--right el-icon-caret-right"></i></el-button>
        </el-button-group>
      </div>
    </div>
  </div>
</template>

<script>
// 导入uri
import uri from "@/config/uri";
export default {
  data () {
    return {
      showModal: false,
      // 提交简历表单需要的数据
      fileList: [],
      loading: false,
      //推荐人信息
      Recommender: {
        JNum: '',
        Name: '',
        DNum: '',
        Department: '',
        Date: '',
        IDCard: '',
        SYSIDCard: '',
        Position: '',
        Email: '',
        Phone: '',
        Relationship: '',
        BU: '',
        HRJobNo: '',
        Id: '',
      },
      //被推荐人信息
      Recommended: {
        Name: '',
        Sex: '',
        Date: '',
        IDCard: '',
        Education: '',
        Area: '',
        School: '',
        Major: '',
        Method: '',
        Company: '',
        Position: '',
        PositionLevel: '',
        Target: '',
        Status: '',
        Email: '',
        Phone: '',
        tOrg: '',
        tBU: ''
      },
      // PositionId
      // 模糊搜索所需要数据
      restaurants: [],
      state: '',
      timeout: null,
      // 接口数据
      arr: [],
      // tips: [],
      date: {}
    }
  },
  created () {
    let data = { pageindex: 1, pagesize: 10 }
    this.$http.post(uri.getInfoList, data).then((res) => {
      this.arr = res.data.Items
      this.date = res.data
      // console.log(this.date)

      // this.tips = this.arr.Tips.split(",")
      // console.log(this.arr)
    })
  },
  // filters: {
  //   // 处理时间戳
  //   parseTime (timestamps) {
  //     // 语法：moment(时间戳).format(格式化)
  //     return moment(timestamps * 1000).format("YYYY-MM-DD");
  //   },
  // },
  methods: {
    open1 (err) {
      this.$message.error(err);
    },
    open2 (message) {
      this.$message({
        message: message,
        type: 'success'
      });
    },
    // 首页
    homepage () {
      this.date.CurrentPage = 1
      this.arr = []
      let data = { pageindex: this.date.CurrentPage, pagesize: 10 }
      this.$http.post(uri.getInfoList, data).then((res) => {
        this.arr = res.data.Items
        // this.tips = this.arr.Tips.split(",")
        // console.log(this.arr)

      })

    },
    // 上一页
    previouspage () {
      if (this.date.CurrentPage > 1) {
        this.date.CurrentPage--
        this.arr = []
        let data = { pageindex: this.date.CurrentPage, pagesize: 10 }
        this.$http.post(uri.getInfoList, data).then((res) => {
          this.arr = res.data.Items
          // this.tips = this.arr.Tips.split(",")
          // console.log(this.arr)
        })
      }
    },
    // 下一页
    nextpage () {
      if (this.date.CurrentPage < this.date.TotalPages) {
        this.date.CurrentPage++
        this.arr = []
        let data = { pageindex: this.date.CurrentPage, pagesize: 10 }
        this.$http.post(uri.getInfoList, data).then((res) => {
          this.arr = res.data.Items
          // this.tips = this.arr.Tips.split(",")
          // console.log(this.arr)
        })
      } else {

      }
    },
    // 末页
    lastpage () {
      this.date.CurrentPage = this.date.TotalPages
      this.arr = []
      let data = { pageindex: this.date.CurrentPage, pagesize: 10 }
      this.$http.post(uri.getInfoList, data).then((res) => {
        this.arr = res.data.Items
        // this.tips = this.arr.Tips.split(",")
        // console.log(this.arr)
      })
    },
    handleExceed (files, fileList) {
      this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
    },
    uploadSuccess (response, file) {
      if (response.code == 0) {
        this.$message({
          message: '导入成功',
          type: 'success'
        });
      } else {
        this.$message({
          message: '导入失败',
          type: 'error'
        });
      }
    },
    getBack () {
      // HRJobNo
      // 推荐人
      this.Recommender.JNum = ''
      this.Recommender.Name = ''
      this.Recommender.DNum = ''
      this.Recommender.Department = ''
      this.Recommender.Date = ''
      this.Recommender.IDCard = ''
      this.Recommender.SYSIDCard = ''
      this.Recommender.Position = ''
      this.Recommender.Email = ''
      this.Recommender.Phone = ''
      this.Recommender.Relationship = ''
      this.Recommender.BU = ''
      this.Recommender.HRJobNo = ''
      this.Recommender.Id = ''
      // 被推荐人
      this.Recommended.Name = ''
      this.Recommended.Sex = ''
      this.Recommended.Date = ''
      this.Recommended.IDCard = ''

      this.Recommended.Area = ''
      this.Recommended.School = ''
      this.Recommended.Major = ''
      this.Recommended.Method = ''
      this.Recommended.Company = ''
      this.Recommended.Position = ''
      this.Recommended.Target = ''
      this.Recommended.Position = ''
      this.Recommended.Status = ''
      this.Recommended.Email = ''
      this.Recommended.Phone = ''
      this.Recommended.PositionLevel = ''
      this.Recommended.tOrg = ''
      this.Recommended.tBU = ''


      this.fileList = [];

      this.showModal = false;
    },
    loadFileList (file, fileList) {
      this.fileList = fileList;
    },
    getInfo () {
      var gh = this.Recommender.JNum;
      this.Recommender.Name = "";
      this.Recommender.DNum = "";
      this.Recommender.Department = "";
      this.Recommender.Position = "";
      this.Recommender.Email = "";
      this.Recommender.IDCard = "";
      this.Recommender.SYSIDCard = "";
      this.Recommender.Date = "";
      this.Recommender.Phone = "";
      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      this.$http.post(uri.GetJobNoDetial + gh, config).then(res => {
        console.log(res.data)
        if (res.data.length == 1) {
          this.Recommender.Name = res.data[0].USERNAME;
          this.Recommender.DNum = res.data[0].ORG;
          this.Recommender.Department = res.data[0].ORGNAME;
          this.Recommender.Position = res.data[0].POSITIONNAME;
          if (res.data[0].EMAIL.length > 9) {
            this.Recommender.Email = res.data[0].EMAIL;
          } else {
            // alert('被推荐人邮箱未维护，无法发起推荐流程');
            this.open1("被推荐人邮箱未维护，无法发起推荐流程")
          }
          this.Recommender.IDCard = res.data[0].IDCard;
          var subid = res.data[0].IDCard.slice(0, 8) + '********' + res.data[0].IDCard.slice(16);
          this.Recommender.SYSIDCard = subid;
          this.Recommender.Date = res.data[0].SysTime;
          this.Recommender.Phone = res.data[0].Mobile;
        } else if (res.data.length != 1) {
          // alert('工号错误')
          this.open1("请输入正确的工号")
          this.Recommender.JNum = ""
          return
        }
        if (res.status == "200") {
          this.$message({
            message: "提交成功",
            type: "success"
          });
        }
      });
    },

    onSubmit () {
      var _this = this;
      let email = this.Recommender.Email.toLowerCase()
      if (email.substring(email.length - 8) != "olt.mail") {
        this.open1("请输入正确的内邮邮箱")
        return
      }
      if (this.Recommender.Relationship == '') {
        // alert('推荐人基本信息:与被推荐人关系不能为空!');
        this.open1("推荐人基本信息:与被推荐人关系不能为空!")
        return
      };
      if (this.Recommended.Name == '') {
        // alert('被推荐人基本信息:被推荐人姓名不能为空!');
        this.open1("被推荐人基本信息:被推荐人姓名不能为空!")
        return
      }
      if (this.Recommended.Sex == '') {
        // alert('被推荐人基本信息:被推荐人性别不能为空!');
        this.open1("被推荐人基本信息:被推荐人性别不能为空")
        return
      }
      if (this.Recommended.Date == '') {
        // alert('被推荐人基本信息:被推荐人出生日期不能为空!');
        this.open1("被推荐人基本信息:被推荐人出生日期不能为空!")
        return
      }
      if (this.Recommended.IDCard == '') {
        // alert('被推荐人基本信息:被推荐人身份证号不能为空!');
        this.open1("被推荐人基本信息:被推荐人身份证号不能为空!")
        return
      }
      if (this.Recommended.Education == '') {
        // alert('被推荐人基本信息:被推荐人教育程度不能为空!');
        this.open1("被推荐人基本信息:被推荐人教育程度不能为空!")
        return
      }
      if (this.Recommended.Area == '') {
        // alert('被推荐人基本信息:被推荐人籍贯不能为空!');
        this.open1("被推荐人基本信息:被推荐人籍贯不能为空!")
        return
      }
      if (this.Recommended.School == '') {
        // alert('被推荐人基本信息:被推荐人学校不能为空!');
        this.open1("被推荐人基本信息:被推荐人学校不能为空!")
        return
      }
      if (this.Recommended.Major == '') {
        // alert('被推荐人基本信息:被推荐人专业不能为空!');
        this.open1("被推荐人基本信息:被推荐人专业不能为空!")
        return
      }
      if (this.Recommended.Method == '') {
        // alert('被推荐人基本信息:被推荐人录取方式不能为空!');
        this.open1("被推荐人基本信息:被推荐人录取方式不能为空!")
        return
      }
      if (this.Recommended.Company == '') {
        // alert('被推荐人基本信息:被推荐人公司不能为空!');
        this.open1("被推荐人基本信息:被推荐人原公司不能为空!")
        return
      }
      if (this.Recommended.Position == '') {
        // alert('被推荐人基本信息:被推荐人职位不能为空!');
        this.open1("被推荐人基本信息:被推荐人职位不能为空!")
        return
      }
      if (this.Recommended.Status == '') {
        // alert('被推荐人基本信息:被推荐人在职状态不能为空!');
        this.open1("被推荐人基本信息:被推荐人在职状态不能为空!")
        return
      }
      if (this.Recommended.Email == '') {
        // alert('被推荐人基本信息:被推荐人邮箱不能为空!');
        this.open1("被推荐人基本信息:被推荐人邮箱不能为空!")
        return
      }
      if (this.Recommended.Phone == '') {
        // alert('被推荐人基本信息:被推荐人电话不能为空!');
        this.open1("被推荐人基本信息:被推荐人电话不能为空!")
        return
      }
      if (this.fileList.length < 1) {
        // alert('被推荐人基本信息:未上传被推荐人简历!');
        this.open1("被推荐人基本信息:未上传被推荐人简历!")
        return
      }

      this.loading = true


      let formdate = new FormData();

      formdate.append('PositionId', this.Recommender.Id);
      formdate.append('JNum', this.Recommender.JNum);
      formdate.append('Name', this.Recommender.Name);
      formdate.append('DNum', this.Recommender.DNum);
      formdate.append('Department', this.Recommender.Department);
      formdate.append('Date', this.Recommender.Date);
      formdate.append('IDCard', this.Recommender.IDCard);
      formdate.append('Position', this.Recommender.Position);
      formdate.append('Email', this.Recommender.Email);
      formdate.append('Phone', this.Recommender.Phone);
      formdate.append('Relationship', this.Recommender.Relationship);
      formdate.append('BU', this.Recommender.BU);
      formdate.append('HRJobNo', this.Recommender.HRJobNo);

      formdate.append('BName', this.Recommended.Name);
      formdate.append('Sex', this.Recommended.Sex);
      formdate.append('BDate', this.Recommended.Date);
      formdate.append('BIDCard', this.Recommended.IDCard);
      formdate.append('Education', this.Recommended.Education);
      formdate.append('Area', this.Recommended.Area);
      formdate.append('School', this.Recommended.School);
      formdate.append('Major', this.Recommended.Major);
      formdate.append('Method', this.Recommended.Method);
      formdate.append('Company', this.Recommended.Company);
      formdate.append('BPosition', this.Recommended.Position);
      formdate.append('Target', this.Recommended.Target);
      formdate.append('Status', this.Recommended.Status);
      formdate.append('BEmail', this.Recommended.Email);
      formdate.append('BPhone', this.Recommended.Phone);
      formdate.append('PositionLevel', this.Recommended.PositionLevel);
      formdate.append('tOrg', this.Recommended.tOrg);
      formdate.append('tBU', this.Recommended.tBU);
      formdate.append('file', this.fileList[0].raw);
      // console.log(formdate)
      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      this.$http.post(uri.SaveRecruitLog, formdate, config).then(res => {
        if (res.state == "success") {
          // alert('推荐成功');
          this.open2('推荐成功')
          this.loading = false
          _this.getBack();
          this.showModal = false;
        } else {
          // alert('推荐失败：' + res.message);
          open1('推荐失败：' + res.message)
          this.showModal = false;
          this.loading = false
        }
      });

    },
    yiru (index) {
      // 通过ref获取dom节点
      this.$refs.guimo[index].style.display = 'none'
      this.$refs.jishu[index].style.display = 'none'
      this.$refs.shenqing[index].style.display = 'block'
    },
    yichu (index) {
      // 通过ref获取dom节点
      this.$refs.guimo[index].style.display = 'block'
      this.$refs.jishu[index].style.display = 'block'
      this.$refs.shenqing[index].style.display = 'none'
    },
    tiaozhuan (id) {
      // 点击跳转
      // this.$router.push("/detail/");
      let routeData = this.$router.resolve({
        path: "/detail/",
        query: {
          id: id
        }
      });
      //必要操作，否则不会打开新页面
      window.open(routeData.href, '_blank');
    },
    shenqing (id, itemName, hrName, PositionLevel, tOrg, tBU) {
      this.Recommended.Target = itemName;

      this.Recommender.HRJobNo = hrName;
      this.Recommender.Id = id;
      this.Recommended.PositionLevel = PositionLevel;
      this.Recommended.tOrg = tOrg;
      this.Recommended.tBU = tBU;
    },
    denglu () {

      window.open('/Login', '_blank');
    },
    dianji (index) {
      // 点击跳转
      // this.$router.push("/company/");
      let routeData = this.$router.resolve({
        path: "/company/",
        query: {
          id: index
        }
      });
      //必要操作，否则不会打开新页面
      window.open(routeData.href, '_blank');
    },
    ltop () {
      let timer = setInterval(function () {
        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        let ispeed = Math.floor(-scrollTop / 6);
        if (scrollTop == 0) {
          clearInterval(timer);
        }
        document.documentElement.scrollTop = document.body.scrollTop = scrollTop + ispeed;
      }, 30)
    },
    loadAll () {
      return [
        { "value": "阳阳麻辣烫", "address": "天山西路389号" },
        { "value": "南拳妈妈龙虾盖浇饭", "address": "普陀区金沙江路1699号鑫乐惠美食广场A13" }
      ];
    },
    querySearchAsync (queryString, cb) {
      var restaurants = this.restaurants;
      var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;
      // state
      clearTimeout(this.timeout);
      this.timeout = setTimeout(() => {
        cb(results);
      }, 100 * Math.random());
    },
    createStateFilter (queryString) {
      return (state) => {
        return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
      };
    },
    handleSelect (item) {
      console.log(item);
    }
  },
  mounted () {
    this.restaurants = this.loadAll();
  }
}

</script>

<style scoped>
/* pc端 */
@media only screen and (min-width: 1200px) {
  .f-sm {
    display: none;
  }
  body {
    overflow: hidden;
  }
  div {
    overflow: hidden;
  }
  .sm {
    display: none;
  }
  .box {
    width: 50%;
    margin: 0 auto;
    margin-top: 96px;
    margin-bottom: 15px;
    min-width: 1200px;
  }
  .text {
    font-size: 14px;
  }

  .item {
    padding: 18px 0;
  }
  .header,
  .center,
  .footer {
    height: 30px;
  }
  .center {
    padding: 10px 0 10px;
  }
  .box-card {
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
  }
  .h-lt,
  .c-lt,
  .f-lt,
  .hezi {
    float: left;
  }
  .h-rt,
  .c-rt,
  .f-rt {
    float: right;
  }
  .h-lt .mingcheng {
    color: #0058a6;
    font-size: 16px;
  }
  .h-lt .shijian {
    color: #999;
    font-size: 14px;
    margin-left: 8px;
  }
  .h-rt .gongsi {
    color: #0058a6;
    font-size: 16px;
  }
  .c-lt .gongzi {
    font-size: 16px;
    color: #ff6000;
    margin-right: 16px;
  }
  .c-lt .miaoshu {
    max-width: 600 px;
    font-size: 14px;
    color: #666;
  }
  .c-rt .guimo {
    font-size: 14px;
    color: #666;
  }
  .f-lt .hezi {
    font-size: 12px;
    color: #999;
    height: 18px;
    border: 1px solid #eee;
    margin-right: 8px;
    padding: 0 8px;
  }
  .f-rt .jishu {
    font-size: 14px;
    color: #999;
  }
  .f-rt,
  .f-lt {
    margin-top: 5px;
  }
  .shenqing {
    position: absolute;
    width: 60px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin: 0;
    padding: 0 16px;
    background-color: #ff6000;
    bottom: 20px;
    right: 20px;
    color: #fff;
    border-radius: 3px;
    display: none;
  }
  .nav {
    height: 56px;
    line-height: 56px;
    width: 100%;
    background: #9dd8f7;
    position: fixed;
    z-index: 10;
  }
  .nav-c {
    min-width: 1200px;
    width: 50%;
    margin: 0 auto;
    height: 100%;
  }
  .nav-c-lt {
    height: 56px;
    float: left;
  }
  .wenhua {
    height: 56px;
    line-height: 56px;
    font-family: FangSong;
    color: #666;
    font-weight: 800;
    font-style: italic;
    font-size: 20px;
    margin: 0;
    float: left;
    margin-left: 5px;
  }
  .logo {
    float: left;
    height: 56px;
  }
  .logo img {
    margin-top: 5px;
  }
  /* .bg {
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
}
.bg img {
  width: 100%;
  height: 100%;
} */
  .bg {
    height: 200px;
    width: 100%;
    position: fixed;
    top: 56px;
    left: 0;
    background: #999;
    z-index: -1;
  }
  .bg img {
    width: 100%;
    height: 100%;
  }
  .fenlei {
    height: 40px;
    width: 100%;
    position: fixed;
    top: 56px;
    z-index: 10;
  }
  .fenlei-c {
    margin: 0 auto;
    min-width: 1200px;
    width: 50%;
    background: #b1e3fe;
    top: 100%;
    height: 40px;
  }
  .f-l-zw {
    margin-left: 23px;
    float: right;
    margin-right: 5px;
    line-height: 39px;
  }
  .f-l-zw a {
    text-decoration: none;
    color: blue;
    font-size: 14px;
  }
  .f-l-zw span {
    font-size: 12px;
  }
  .btn {
    width: 100%;
    height: 60px;
  }
  .btn-c {
    margin: 0 auto;
    min-width: 1200px;
    width: 50%;
    top: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
  }
  .bao {
    padding-bottom: 55px;
  }
  .nav-c-rt {
    height: 56px;
    float: right;
    margin-right: 1px;
  }
  .aniu {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu1 {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .aniu1:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .side-top {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #409eff;
    background: #ecf5ff;
  }
  .side-top:hover {
    color: #fff;
    background-color: #409eff;
  }
  .sidebar {
    position: fixed;
    height: 52px;
    width: 50px;
    bottom: 160px;
    right: 30px;
    border: 1px solid #b3d8ff;
  }
  .Newjob_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 30;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .Newjob_box {
    overflow: auto;
    position: fixed;
    top: 12%;
    left: 20%;
    z-index: 11;
    background-color: rgba(255, 255, 255);
    padding: 50px 100px;
  }
  .upload-demo {
    margin-bottom: 10px;
  }
  .active {
    display: block;
  }
}
/* pad端 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body {
    overflow: hidden;
  }
  div {
    overflow: hidden;
  }
  .sm {
    display: none;
  }
  .box {
    width: 100%;
    margin: 0 auto;
    margin-top: 96px;
    /* margin-bottom: 15px; */
    /* min-width: 1200px; */
  }
  .text {
    font-size: 14px;
  }

  .item {
    padding: 18px 0;
  }
  .header,
  .center,
  .footer {
    height: 30px;
  }
  .center {
    padding: 10px 0 10px;
  }
  .box-card {
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
  }
  .h-lt,
  .c-lt,
  .f-lt,
  .hezi {
    float: left;
  }
  .h-rt,
  .c-rt,
  .f-rt {
    float: right;
  }
  .h-lt .mingcheng {
    color: #0058a6;
    font-size: 16px;
  }
  .h-lt .shijian {
    color: #999;
    font-size: 14px;
    margin-left: 8px;
  }
  .h-rt .gongsi {
    color: #0058a6;
    font-size: 16px;
  }
  .c-lt .gongzi {
    font-size: 16px;
    color: #ff6000;
    margin-right: 16px;
  }
  .c-lt .miaoshu {
    max-width: 600 px;
    font-size: 14px;
    color: #666;
  }
  .c-rt .guimo {
    font-size: 14px;
    color: #fff;
    display: none;
  }
  .f-lt .hezi {
    font-size: 12px;
    color: #999;
    height: 18px;
    border: 1px solid #eee;
    margin-right: 8px;
    padding: 0 8px;
  }
  .f-rt .jishu {
    font-size: 14px;
    color: #fff;
    display: none;
  }
  .f-rt,
  .f-lt {
    margin-top: 5px;
  }
  .shenqing {
    position: absolute;
    width: 0px;
    height: 0px;
    line-height: 32px;
    font-size: 14px;
    margin: 0;
    padding: 0 16px;
    background-color: #ff6000;
    bottom: 20px;
    right: 20px;
    color: #fff;
    border-radius: 3px;
    display: none;
  }
  .nav {
    height: 56px;
    line-height: 56px;
    width: 100%;
    background: #9dd8f7;
    position: fixed;
    z-index: 10;
  }
  .nav-c {
    /* min-width: 1200px; */
    width: 100%;
    margin: 0 auto;
    height: 100%;
  }
  .nav-c-lt {
    height: 56px;
    float: left;
  }
  .wenhua {
    height: 56px;
    line-height: 56px;
    font-family: FangSong;
    color: #666;
    font-weight: 800;
    font-style: italic;
    font-size: 20px;
    margin: 0;
    float: left;
    margin-left: 5px;
  }
  .logo {
    float: left;
    height: 56px;
  }
  .logo img {
    margin-top: 5px;
  }
  /* .bg {
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
}
.bg img {
  width: 100%;
  height: 100%;
} */
  .bg {
    height: 200px;
    width: 100%;
    position: fixed;
    top: 56px;
    left: 0;
    background: #999;
    z-index: -1;
  }
  .bg img {
    width: 100%;
    height: 100%;
  }
  .fenlei {
    height: 40px;
    width: 100%;
    position: fixed;
    top: 56px;
    z-index: 10;
  }
  .fenlei-c {
    margin: 0 auto;
    /* min-width: 1200px; */
    width: 100%;
    background: #b1e3fe;
    top: 100%;
    height: 40px;
  }
  .f-l-zw {
    margin-left: 23px;
    float: right;
    margin-right: 5px;
    line-height: 39px;
  }
  .f-l-zw a {
    text-decoration: none;
    color: blue;
    font-size: 14px;
  }
  .f-l-zw span {
    font-size: 12px;
  }
  .btn {
    width: 100%;
    height: 60px;
  }
  .btn-c {
    margin: 0 auto;
    /* min-width: 1200px; */
    width: 100%;
    top: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
  }
  .bao {
    padding-bottom: 15px;
  }
  .nav-c-rt {
    height: 56px;
    float: right;
    margin-right: 1px;
  }
  .aniu {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu1 {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .aniu1:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .side-top {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #409eff;
    background: #ecf5ff;
  }
  .side-top:hover {
    color: #fff;
    background-color: #409eff;
  }
  .sidebar {
    position: fixed;
    height: 52px;
    width: 50px;
    bottom: 160px;
    right: 30px;
    border: 1px solid #b3d8ff;
  }
  .Newjob_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 30;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* uri */
  .Newjob_box {
    overflow: auto;
    position: fixed;
    top: 12%;
    left: 20%;
    z-index: 11;
    background-color: rgba(255, 255, 255);
    padding: 50px 100px;
  }
  .upload-demo {
    margin-bottom: 10px;
  }
  .active {
    display: block;
  }
  .f-sm {
    display: none;
  }
}
/* 手机端 */
@media only screen and (max-width: 767px) {
  body {
    overflow: hidden;
  }
  div {
    overflow: hidden;
  }
  .box {
    width: 100%;
    margin: 0 auto;
    margin-top: 96px;
    /* margin-bottom: 15px; */
    /* min-width: 1200px; */
  }
  .text {
    font-size: 14px;
  }
  /* .c-lt */
  /* footer */
  .item {
    padding: 18px 0;
  }
  .header,
  .center {
    height: 30px;
  }
  .center {
    /* padding: 10px 0 10px; */
    height: 30px;
    line-height: 30px;
  }
  .c-lt {
    height: 25px;
    margin-bottom: 10px;
  }
  .box-card {
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
  }
  .footer {
    display: none;
  }
  .h-lt,
  .f-lt,
  .hezi {
    float: left;
  }

  .h-rt,
  .c-rt,
  .f-rt {
    float: right;
  }
  .h-lt .mingcheng {
    color: #0058a6;
    font-size: 14px;
  }
  .h-lt .shijian {
    color: #999;
    font-size: 12px;
    margin-left: 8px;
    display: none;
  }
  .h-rt .gongsi {
    color: #0058a6;
    font-size: 12px;
    height: 19px;
    margin-top: 3px;
  }
  .c-lt .gongzi {
    font-size: 12px;
    color: #ff6000;
    margin-right: 16px;
    height: 25px;
    float: left;
    display: none;
  }
  .c-lt .miaoshu {
    font-size: 12px;
    color: #666;
    display: block;
    height: 25px;
    float: left;
  }
  .c-rt .guimo {
    font-size: 12px;
    color: #666;
    display: none;
  }
  .f-lt .hezi {
    font-size: 12px;
    color: #999;
    height: 18px;
    border: 1px solid #eee;
    margin-right: 8px;
    padding: 0 8px;
    display: none;
  }
  .f-rt .jishu {
    font-size: 14px;
    color: #999;
    display: none;
  }
  .f-rt,
  .f-lt {
    margin-top: 5px;
  }
  .shenqing {
    position: absolute;
    width: 0px;
    height: 0px;
    display: none;
  }
  .nav {
    height: 56px;
    line-height: 56px;
    width: 100%;
    background: #9dd8f7;
    position: fixed;
    z-index: 10;
  }
  .nav-c {
    /* min-width: 1200px; */
    width: 100%;
    margin: 0 auto;
    height: 100%;
  }
  .nav-c-lt {
    height: 56px;
    float: left;
    width: 200px;
  }
  .wenhua {
    height: 56px;
    line-height: 56px;
    font-family: FangSong;
    color: #666;
    font-weight: 800;
    font-style: italic;
    font-size: 20px;
    margin: 0;
    float: left;
    margin-left: 5px;
  }
  .logo {
    float: left;
    height: 56px;
  }
  .logo img {
    margin-top: 5px;
  }
  /* .bg {
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
}
.bg img {
  width: 100%;
  height: 100%;
} */
  .bg {
    height: 200px;
    width: 100%;
    position: fixed;
    top: 56px;
    left: 0;
    background: #999;
    z-index: -1;
  }
  .bg img {
    width: 100%;
    height: 100%;
  }
  .fenlei {
    height: 40px;
    width: 100%;
    position: fixed;
    top: 56px;
    z-index: 10;
  }
  .fenlei-c {
    margin: 0 auto;
    /* min-width: 1200px; */
    width: 100%;
    background: #b1e3fe;
    top: 100%;
    height: 40px;
  }
  .f-l-zw {
    margin-left: 23px;
    float: right;
    margin-right: 5px;
    line-height: 39px;
  }
  .f-l-zw a {
    text-decoration: none;
    color: blue;
    font-size: 14px;
  }
  .f-l-zw span {
    font-size: 12px;
  }
  .btn {
    width: 100%;
    height: 60px;
  }
  /* el-card__body */
  .box .el-card__body {
    padding: 10px;
  }
  .btn-c {
    margin: 0 auto;
    /* min-width: 1200px; */
    width: 100%;
    top: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
  }
  /* .bao {
    padding-bottom: 55px;
  } */
  .nav-c-rt {
    height: 56px;
    float: right;
    margin-right: 1px;
  }
  .aniu {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu1 {
    border: 1px solid #b3d8ff;
    color: #409eff;
    background: #ecf5ff;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    margin: 13px 6px 0 0;
    float: right;
  }
  .aniu:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .aniu1:hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
  }
  .side-top {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    color: #409eff;
    background: #ecf5ff;
  }
  .side-top:hover {
    color: #fff;
    background-color: #409eff;
  }
  .sidebar {
    position: fixed;
    height: 52px;
    width: 50px;
    bottom: 160px;
    right: 30px;
    border: 1px solid #b3d8ff;
  }
  .Newjob_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 30;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .Newjob_box {
    overflow: auto;
    position: fixed;
    top: 12%;
    left: 20%;
    z-index: 11;
    background-color: rgba(255, 255, 255);
    padding: 50px 100px;
  }
  .upload-demo {
    margin-bottom: 10px;
  }
  .active {
    display: block;
  }
  .dle {
    display: none;
  }
  .sm {
    font-size: 12px;
    color: #999;
    float: left;
  }
  .f-sm {
    height: 20px;
    margin-top: 10px;
  }
  .money {
    font-size: 14px;
    color: #ff6000;
    float: right;
  }
}
</style>